<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../register/register.css">
</head>
<body>
    <!-- 头部导航栏 -->
    <header class="head cf ">
        <div class=" cf">
            <img src="../assets/images/logo-white.png" alt="" class="fl">
            <p class="fr">已有源码账号，<a href="./login.html">立即登录</a></p>
        </div>
    </diheaderv>
    <!-- 主体 -->
    <main>
        <div class="register-content">
            <div class="form">
                <h1>欢迎注册</h1>
                <h2>百款接口免费试用</h2>
                <p><span></span>注册即送300元大礼包</p>
                <p>
                    <input type="text" name="" placeholder="用户名(6~20位字母数字)" id="uname">
                    <span>
                        <span></span>
                        昵称需要在6~12位数字字母间
                    </span>
                </p>
                <p>
                    <input type="text" name="" placeholder="请输入手机号" id="phone">
                    <span>
                        <span></span>
                        请正确输入手机号格式
                    </span>
                </p>
                <p>
                    <input type="text" name="" placeholder="请输入手机短信验证码" id="code">
                    <span></span>
                    <button  disabled>获取验证码</button>
                </p>
                <p>
                    <input type="text" name="" placeholder="请输入6~12位密码" id="pswd">
                    <span>
                        <span></span>
                        密码需要在6~12位数字字母间
                    </span>

                </p>
                <p>
                    <input type="checkbox" id="select">
                    我已接受阅读<a href="#">《源码用户协议》</a><a href="#">《源码隐私政策》</a>
                </p>
                <button id="register" >立即注册</button>
            </div>
        </div>

    </main>

    <script src="../register/register.js"></script>
</body>
</html>